<template>
	<view class="uni-flex uni-row header">
		<text class="name">{{name}}</text>
		<view class="uni-flex uni-row state">
			<text class="lable">状态</text>
			<intel-irri-state :state="state"></intel-irri-state>
		</view>
	</view>
</template>

<script>
	import intelIrriState from '../../intel-irri-state.vue'
	export default {
		data() {
			return {
			}
		},
		computed:{
			getRunningState(){
				return this.state ? '启动中' : '停止中'
			}
		},
		components:{
			intelIrriState
		},
		props:{
			name:{
				type: String,
				required: true
			},
			state: {
				type: Boolean,
				required: true
			}
		}
	}
</script>

<style lang="scss" scoped>
.header{
	justify-content: left;
	.name{
		flex: 50%;
		font-size: 35.29rpx;
		font-family: SourceHanSansCN;
		font-weight: 400;
		color: #1D786C;
	}
	.state{
		flex: 50%;
		align-items: center;
		.lable{
			font-size: 21.17rpx;
			font-family: SourceHanSansCN;
			font-weight: 400;
			color: #1D786C;
			margin-right: 7.05rpx;
		}
	}
}
</style>
